<style>
    .synthesis{
        display: none;
    }
    .checked-l p{
        color: #999;
    }
    .guide-btn,.no-guide-btn{
margin-top:7px;
    }
    input[type='radio']{
        display: none;
    }
    input[type="checkbox"],input[type="checkbox"]:focus {
        -webkit-appearance: none;
        height: 12px;
        width: 12px;
        border-radius: 6px;
        vertical-align: middle;
        background: #ffffff;
        margin-top: 0px;
        margin-right: 15px;
        border: 1px solid rgba(115, 123, 145, 1);
    }
    input[type="checkbox"]:checked {
        background: url('/assets/img/speech-ch.png') no-repeat center top;
        background-size: 100% 100%;
    }

    .checked-l {
        color: rgba(115, 123, 145, 1);
        display: flex;
        flex-direction: row;
        align-items: center;
        height: 23px;
    }
    textarea::-webkit-input-placeholder {
            /* WebKit browsers */
            color: #ddd !important;
        }

        textarea:-moz-placeholder {
            /* Mozilla Firefox 4 to 18 */
            color: #ddd !important;
        }

        textarea::-moz-placeholder{
            /* Mozilla Firefox 19+ */
            color: #ddd !important;
        }

        textarea:-ms-input-placeholder {
            /* Internet Explorer 10+ */
            color: #ddd !important;
        }
        .form-group .control-label span{
            color: red;
        }
    .checked-l input {
        margin-right: 15px;
    }
</style>
<form id="add-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">

    <!--
    <div class="form-group">
        <label for="c-admin_id" class="control-label col-xs-12 col-sm-2">{:__('Admin_id')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-admin_id" data-rule="required" data-source="auth/admin/index" data-field="nickname" class="form-control selectpage" name="row[admin_id]" type="text" value="">
        </div>
    </div>
-->
    <div class="form-group">
        <label for="c-name" class="control-label col-xs-12 col-sm-2">{:__('Name')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-name" data-rule="required" class="form-control" name="row[name]" type="text" value="">
        </div>
    </div>
    <div class="form-group hidden disabled">
        <label for="c-type" class="control-label col-xs-12 col-sm-2">{:__('Type')}:</label>
        <div class="col-xs-12 col-sm-8">

            <select id="c-type" data-rule="required" class="form-control selectpicker" name="row[type]">
                {foreach name="typeList" item="vo"}
                <option value="{$key}" {in name="key" value="ivr" }selected{/in}>{$vo} </option> {/foreach} </select> </div>
                    </div> <div class="form-group">
                    <label for="c-file" class="control-label col-xs-12 col-sm-2">{:__('File')}:</label>
                    <div class="col-xs-12 col-sm-8">
                        <div class="input-group guide">
                            <input id="c-file" class="form-control" size="50" name="row[file]"
                                type="text" value="">
                            <div class="input-group-addon no-border no-padding">
                                <span>
                                    <script src="/gongji/Recorderjs-master/recorder.js"></script>
                                    <button type="button" id="record-file" class="btn btn-info record"><i class="fa fa-microphone"></i>
                                        <span>录制</span></button>
                                    <button type="button" id="plupload-file" class="btn btn-info plupload"
                                        data-input-id="c-file" data-input-file-size-id="c-file_size"
                                        data-input-file-format-id="c-file_format" data-multiple="false" data-mimetype="wav"><i
                                            class="fa fa-upload"></i> {:__('Upload')}</button>
                                </span>
                                <!--
                    <span><button type="button" id="fachoose-file" class="btn btn-primary fachoose" data-input-id="c-file" data-input-file-size-id="c-file_size" data-input-file-format-id="c-file_format"  data-multiple="false" data-mimetype="wav"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
-->
                            </div>
                            <span class="msg-box n-right" for="c-file"></span>
                        </div>
                        <div class="synthesis">
                            <textarea class="form-control" rows="6" cols="100" name="row[content]" placeholder="请输入文字内容，示例：尊敬的#name#您好，您尾号为#numberr#的广发卡#date#月人民币账单金额#money#元已逾期30天未还，请及时还款！"></textarea>
                        </div>
                        <div class="col-xs-12 col-sm-2 guide-btn">
                            <input type="checkbox" />
                            <input type="radio" checked="checked" />
                            <span>{:__('TTS')}</span>
                        </div>
                    </div>
        </div>
        <div class="form-group guide">
            <label for="c-file_size" class="control-label col-xs-12 col-sm-2">{:__('File_size')}:</label>
            <div class="col-xs-12 col-sm-8">
                <input id="c-file_size" class="form-control" name="row[file_size]" type="number"
                    value="0" readonly="readonly">
            </div>
        </div>
        <div class="form-group guide">
            <label for="c-file_format" class="control-label col-xs-12 col-sm-2">{:__('File_format')}:</label>
            <div class="col-xs-12 col-sm-8">
                <input id="c-file_format" class="form-control" name="row[file_format]" type="text"
                    value="" readonly="readonly">
            </div>
        </div>
        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-2"></label>
            <div class="col-xs-12 col-sm-8 checked-l">
                <!-- <input type="checkbox" id="keeplogin"/>
            <input type="radio" name='row[tts]' id="tts-radio" value=""  checked="checked"/> 
            <span>{:__('TTS')}</span> -->
                <p>声明：TTS语音合成技术由科大讯飞提供</p>
                <!-- <ul class="nav nav-pills">
                <li class="dropdown all-camera-dropdown">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                        <span class="set-time">女声</span>
                        <b class="caret"></b>
                    </a>
                    <ul class="dropdown-menu" id="myselect">
                        <li data-time="1">
                            <a data-toggle="tab">女声</a>
                        </li>
                        <li data-time="0">
                            <a data-toggle="tab">男声</a>
                        </li>
                    </ul>
                </li>
            </ul> -->
            </div>
        </div>
        <div class="form-group layer-footer">
            <label class="control-label col-xs-12 col-sm-2"></label>
            <div class="col-xs-12 col-sm-8" style='text-align: center;'>
                <button type="submit" class="btn btn-info btn-embossed disabled" style='margin-right: 10px;padding:3px 12px;'>{:__('OK')}</button>
                <button type="reset" class="btn btn-default btn-embossed" style='padding:4px 12px;'>{:__('Reset')}</button>
            </div>
        </div>
</form>